<template>
    <div class="faq">
        <van-nav-bar
                title="常见问题"
                left-text="返回"
                left-arrow
                @click-left="onClickLeft"
        />
        <div class="con">
            <div class="box" v-for="(arr,i) in arr">
                <div class="question">
                    <strong>问：</strong>
                    <strong>{{arr.a}}</strong>
                </div>
                <br/>
                <div class="answer">
                    <strong>答：</strong>
                    <pre>
                       <p> {{arr.q}}</p>
                   </pre>
                </div>
            </div>

        </div>

    </div>
</template>

<script>
    export default {
        data(){
          return{
              arr:[
                  {
                      a:'知行兼职上报名兼职是否收费？',
                      q:'知行兼职对于报名用户是不收取任何费用的，建议您报名时尽量完善资料更容易被录取。'
                  },
                  {
                      a:'兼职可靠吗？',
                      q:'知行兼职所有兼职都是经过严格审核后上架，如果遇到个别收费情况，请果断拒绝并联系客服举报。'
                  },
                  {
                      a:'兼职工资如何结算？',
                      q:'兼职都是由商家发布的，具体结算方式是由发布兼职的商家决定。'
                  },
                  {
                      a:'知行兼职发布兼职是否需要收费？',
                      q:'在知行兼职上发布兼职信息是不收取任何费用的，注册完善商家资料后即可发布兼职，建议您发布兼职完善兼职时间、工作内容、工作地点等信息。'
                  },
                  {
                      a:'知行兼职不接受那些类型兼职发布？',
                      q:'网络刷单、打字员、无底薪、微商、证劵充场、献血卖精、充卡充值、文字录入、娱乐场所服务员、会员制兼职等。'
                  }
              ]
          }
        },
        methods: {
            onClickLeft() {
                history.back()
            }
        },

        created(){
            document.body.style.backgroundColor='rgb(239, 243, 246)'
        }
    }
</script>

<style lang="less" scoped>
    .faq{
    .box{
        background: #fff;
        padding: 20px 20px;
    }
    }
    .question,.answer{
    strong{
        font-size: 20px;
        font-weight: bold;
    }
    p{
        font-size: 14px;
        color: #4f4f44;
        line-height: 22px;
    }
    display: flex;
    }
    pre{
        /*white-space: pre-wrap;*/
        white-space:normal;
        word-wrap: break-word;
    }

</style>
